<html>
  <head>
    <title>HeroForm</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 1. Load libraries -->
    <!-- IE required polyfill -->
    <script src="/node_modules/es6-shim/es6-shim.min.js"></script>
    <script src="/node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script src="/node_modules/rxjs/bundles/Rx.umd.js"></script>
    <script src="/node_modules/angular2/bundles/angular2-all.umd.js"></script>
    <link rel="stylesheet" href="/HeroForm/app/css/styles.css">
    <!--引用了www.bootcss.com中的bootstrap样式，这样做可以减少读者在实践过程中出错的可能性，因为在第一篇笔记的基础结构中没有引入bootstrap。-->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <!-- 2. Load our 'modules' -->
    <script src='/HeroForm/app/hero.js'></script>
    <script src='/HeroForm/app/hero-form.component.js'></script>
    <script src='/HeroForm/app/app.component.js'></script>
    <script src='/HeroForm/app/main.js'></script>
  </head>
  <!-- 3. Display the application -->
  <body>
    <my-app>Loading...</my-app>
  </body>
</html>